.login-container {
  .header {
    width: 1200px;
    margin: 0 auto;
    padding: 22px 0;
    background: #fff;
    .icon-logo {
      width: auto;
      height: 44px;
      margin-left: 20px;
    }
  }
  @media (max-width: 1200px) {
    .content {
      width: 1200px !important;
    }
  }
  .content {
    width: 100%;
    position: relative;
    margin-bottom: 60px;
    .login-bg {
      width: 100%;
      height: 600px;
      position: absolute;
      top: 0;
      left: 0;
      background: #FDC636;
    }
    .login-content {
      width: 1200px;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      height: 600px;
      img {
        position: absolute;
        width: 700px;
        height: auto;
        bottom: 60px;
        left: 20px;
      }
      .login-box-warp {
        position: absolute;
        bottom: 100px;
        right: 20px;
        width: 350px;
        background: #fff;
        color: #6c6c6c;
        margin: 0 auto;
        .login-title {
          position: relative;
          font-size: 20px;
          color: #2A2A2A;
          text-align: center;
          padding: 15px;
          border-bottom: 1px solid #E5E5E5;
          &:before {
            position: absolute;
            content: '';
            bottom: 0;
            width: 120px;
            height: 3px;
            left: 115px;
            background: #FF5001;
          }
        }
        .login-box {
          width: 300px;
          padding: 25px 25px;
          .field {
            width: 272px;
            border: 1px solid #E5E5E5;
            position: relative;
            padding: 0 14px;
            height: 45px;
            margin-bottom: 25px;
            display: flex;
            i {
              font-size: 14px;
              color: #A0A0A0;
              line-height: 45px;
              margin-right: 14px;
              margin-top: 16px;
            }
            input {
              border: none;
              position: absolute;
              left: 45px;
              top: 0;
              width: 244px;
              height: 45px;
              line-height:45px;
            }
          }
          .verification-code {
            margin-bottom: 25px;
            height: 45px;
            position: relative;
            vertical-align: top;
            input {
              width: 100px;
              padding: 0 14px;
              height: 45px;
              line-height:45px;
              position: absolute;
              left: 0;
              top: 0;
            }
            .code {
              width: 88px;
              height: 45px;
              margin-left: 15px;
              margin-right: 15px;
              position: absolute;
              left: 140px;
              top: 0;
              canvas {
                width: 88px;
                height: 45px;
              }
            }
            .btn-change {
              width: 42px;
              font-size: 14px;
              align-items: center;
              line-height: 45px;
              color: #FF4401;
              text-decoration: underline;
              cursor: pointer;
              position: absolute;
              right: 0;
              top: 0;
            }
          }
          .error {
            position: absolute;
            font-size: 12px;
            bottom: -20px;
            left: 5px;
          }
          .btn-login {
            width: 300px;
            height: 45px;
            background: #FF5001;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            color: #fff;
            font-size: 18px;
            border: none;
          }
        }
      }
    }
  }
}
